body{
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	background-color: hsl(var(--background));
    color: hsl(var(--foreground));
}
.page{
    max-width:840px;
    margin:0 auto;
    padding-top:20px;
    .p-title{
        border-bottom:2px solid #000;
        display:flex;
        display: -webkit-box;
        -webkit-box-pack: start;
        -webkit-box-align:center;
    
        align-items:center;

        font-weight:700;
        .t1{

        }
        .icon{
            width: 20px;
            height: 20px;
            font-size:0px;
            img{
                width: 100%;
                height: 100%;
            }
        }
        .t2{

        }

    }
    .header{
        padding:10px 0px;
        display:flex;
        justify-content:space-between;
        align-items:center;

        display: -webkit-box;
        -webkit-box-pack: justify;
        -webkit-box-align:center;
        .h-1{
            font-size:16px;
            font-weight:700;
            line-height:20px;
            span{
                font-size:14px;
                font-weight: normal;
            }
        }
        .logo{
            height: 60px;
            font-size:0px;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
    .con{
        .con-t{
            border-bottom:2px solid #000;
        }
        .con-des{
            padding:5px;
            display:flex;
            align-items:center;

            display: -webkit-box;
            -webkit-box-pack: start;
            -webkit-box-align:center;
            .icon{
                width: 35px;
                height: 35px;
                font-size:0px;
                margin-right:10px;
                img{
                    width: 100%;
                    height: 100%;
                }
            }
            .con-des-box{
                .tt{
                    span{
                        font-weight: 700;
                        font-size: 16px;
                    }
                }
            }
        }
        .con-data{
            // display:flex;

            display: -webkit-box;
            // -webkit-box-pack: start;
            // -webkit-box-align:center;
            .data-1{
                width: 200px;
                -webkit-box-flex: 0;
                background: #eee;
                flex-shrink: 0;
                margin-right:4px;
                padding:10px 7px 30px 7px;
                .d-1{
                    font-size:16px;
                }
                .d-2{
                    font-size:16px;
                    font-weight: 700;
                }
                .d-item{
                    margin-top: 10px;
                }

            }
            .data-2{
                width:100%;
                display: -webkit-box;
                -webkit-box-flex: 1;
                .table-1{
                    width:100%;
                    // -webkit-box-flex:1;
                    border:2px solid #ccc;
                    height:100%;
                    tr{
                       border:2px solid #ccc ;
                       td{
                            border:2px solid #ccc;
                            padding:10px;
                            word-wrap:break-word;
                            vertical-align: baseline;
                            &.c-item{
                                vertical-align: baseline;
                                .item{
                                    margin-bottom:10px;
                                }
                            }
                            .top-box{
                                display: flex;

                                .left{
                                    width: 50%;
                                    .title{
                                        font-weight: 700;
                                    }
                                }
                                .right{
                                    width: 50%;
                                    display:flex;
                                    align-items:center;
                                    .icon{
                                        width: 16px;
                                        height: 16px;
                                        font-size:0px;
                                        img{
                                            width: 100%;
                                            height: 100%;
                                        }
                                    }
                                    .right-con{
                                        .title{
                                            font-weight: 700;
                                        }
                                    }
                                    
                                }
                            }
                            .time-box{
                                margin-bottom:10px;
                                .time{
                                    font-size:16px;
                                    font-weight: 700;
                                }
                            }
                       } 
                    }
            
                    
                }
            }
        }
        .footer{
            margin-top:20px;
            border-bottom:2px solid #000;
            padding-bottom:15px;
            .table-2{
                width:100%;
                border:1px solid #ccc;
                tr{
                    th{
                        background: #eee;
                        font-weight: normal;
                        padding:3px 10px;
                    }
                }
                tr{
                   border:1px solid #ccc;
                   td{
                    padding:3px 10px;
                    border:1px solid #ccc;
                   } 
                }
            
                    
            }
        }
    }
}